<template>
  <avue-form :option="option">
    <template #cascader-type="{node,data}">
      <span>{{ (data || {}).label }}</span>
      <span v-if="!node.isLeaf"> ({{((data || {}).children || []).length }}) </span>
    </template>
  </avue-form>
</template>
<script>
const dic = [{
  value: 'zhinan',
  label: '指南',
  children: [{
    value: 'shejiyuanze',
    label: '设计原则',
    children: [{
      value: 'yizhi',
      label: '一致'
    }, {
      value: 'fankui',
      label: '反馈'
    }]
  }]
}]
export default {
  data () {
    return {
      option: {
        column: [{
          label: '级联',
          prop: 'cascader',
          type: "cascader",
          dicData: dic
        }]
      }
    }
  }
}
</script>